<template>
    <div class="hepatitisDetail">
       <div class="top">
        <span class="vaccine">脊髓灰质炎疫苗(IPV)</span><span class="must">必打</span>
       </div>
       <div class="content">
           <div class="title">
            <p class="jin">接种时间</p>
            <p class="desc">一般2、3月龄皮下注射灭活脊髓灰质炎疫苗(IPV)
4月龄、4周岁口服减毒脊髓灰质炎疫苗(BOPV)。根
据国家免疫规划疫苗儿童免疫程序及说明(2021年年
版)，脊髓灰质炎疫苗前两针是皮下注射脊灰灭活疫
苗(Ipv)、3、4针是口服脊灰减毒活疫苗(BOPV)。
各地当前稍有差异，建议在接种时咨询本地相关医疗
机构.</p>
            
           </div>
           <div class="title1">
             <p class="jin1">接种原因</p>
                        <p class="desc">脊髓灰质炎疫苗是用来预防小儿麻痹症的.小儿麻痹
症是一种由病毒引起的疾病，该病毒大多通过口来进
行传播；患病后可能进一步引发脑膜炎，严重时还会
致人瘫痪甚至死亡.在脊髓灰质炎疫苗出现以前，小
儿麻痹症致人瘫痪及死亡的数量很多，因此家长应及
时带宝宝接种该疫苗</p>
           </div>
           <div class="title2">
             <p class="jin2">接种原理</p>
                        <p class="desc">脊髓灰质炎疫苗分为口服减毒脊髓灰质炎疫苗
(OPV)与灭活脊髓灰质炎疫苗(IPV)。前者属于
类疫苗，但对牛奶过敏、腹泻以及免疫力低下的宝宝
不能接种；后者属于二类疫苗，没有特别的禁忌.这
两种疫苗在预防病症上的效果基本一致.</p>
           </div>
           
           </div>
       </div>

    
   
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
 .hepatitisDetail{
    width: 100%;
    height: 100%;
    background: #f6f8f9;
    .top{
        width: 100%;
        height: 70px;
        background: #fff;

        .vaccine{
          line-height: 70px;
          margin-left: 20px;
          color: #f48d9e;
          font-size: 18px;
        }
        .must{
            margin-left: 10px;
            display: inline-block;
            width: 40px;
            font-size: 13px;
            height: 18px;
            background: #f48d9e;
            text-align: center;
            color: #fff;
            border: 10px;
        }
    }
    .content{
    width: 96%;
    margin-left: 10px;
    background: #fff;
    margin-top: 10px;
   
     .title{
        width: 100%;
        height: 240px;
        border-bottom: 1px solid #ccc;
       
         
        .jin{
            margin-top: 10px;
          
            height: 30px;
            line-height: 40px;
        }
          .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 10px;
         line-height: 25px;
       }
        
     }
      .title1{
        width: 100%;
        height: 210px;
        border-bottom: 1px solid #ccc;
    
        .jin1{
            margin-top: 10px;
          
            height: 30px;
            line-height: 40px;
        }
          .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 10px;
         line-height: 25px;
       }
        
     }
      .title2{
        width: 100%;
        height: 235px;
      border-bottom: 1px solid #ccc;
      
        .jin2{
            margin-top: 10px;
          
            height: 30px;
            line-height: 40px;
        }
          .desc{
            color:#878787;
        }
       p{
        height: 30px;
         margin-top: 10px;
         line-height: 25px;
       }
        
     }
    
    }
 }
</style>